
import _ from 'lodash';

import './style.css';

import icon from './xiaomao.jpg';

import Data from './data.xml';
import Notes from './data.csv';

import printMe from './print';

function component() {
    const element = document.createElement('div');
  
    // 执行这一行需要引入 lodash（目前通过 script 脚本引入）
    // lodash 现在使用 import 引入，webpack 会自动打包
    element.innerHTML = _.join(['Hello', 'webpack'], ' ');
    /**============管理资源=============== */
    // element.classList.add('hello');

    // let img = new Image();
    // img.src = icon;
    // element.appendChild(img);

    // console.log(Data);
    // console.log(Notes);

    /**============管理输出=============== */

    const btn = document.createElement('button');
    btn.innerHTML = 'Click me and check the console!';
    btn.onclick = e => {
      console.log('Ouch! Stop!');
      printMe();
    };
    element.appendChild(btn);

  /**============管理输出=============== */

    return element;
  }
  
  document.body.appendChild(component());

  // if (module.hot) {
  //   module.hot.accept('./print.js', function() {
  //     console.log('Accepting the updated printMe module!');
  //     printMe();
  //   })
  // }